Global Index
HTML5 JS API Index > SVG Tutorials & Specs

SVGPathElement

Extends SVGElement. Implements SVGTests, SVGLangSpace, SVGExternalResourcesRequired, SVGStylable, SVGTransformable, SVGAnimatedPathData, SVGTests, SVGLangSpace, SVGExternalResourcesRequired, SVGStylable, SVGTransformable, SVGAnimatedPathData.

Properties
SVGPathSegList
animatedNormalizedPathSegList
Provides access to the current animated contents of the ‘d’ attribute in a form where all path data commands are expressed in terms of the following subset of SVGPathSeg types: SVG_PATHSEG_MOVETO_ABS (M), SVG_PATHSEG_LINETO_ABS (L), SVG_PATHSEG_CURVETO_CUBIC_ABS (C) and SVG_PATHSEG_CLOSEPATH (z).
SVGPathSegList
animatedPathSegList
Provides access to the current animated contents of the ‘d’ attribute in a form which matches one-for-one with SVG's syntax. If the given attribute or property is being animated, contains the current animated value of the attribute or property, and both the object itself and its contents are read only.
SVGAnimatedString
className
Corresponds to attribute ‘class’ on the given element.
SVGAnimatedBoolean
externalResourcesRequired
Corresponds to attribute ‘externalResourcesRequired’ on the given element. Note that the SVG DOM defines the attribute ‘externalResourcesRequired’ as being of type SVGAnimatedBoolean, whereas the SVG language definition says that ‘externalResourcesRequired’ is not animated.
SVGPathSegList
normalizedPathSegList
Provides access to the base (i.e., static) contents of the ‘d’ attribute in a form where all path data commands are expressed in terms of the following subset of SVGPathSeg types: SVG_PATHSEG_MOVETO_ABS (M), SVG_PATHSEG_LINETO_ABS (L), SVG_PATHSEG_CURVETO_CUBIC_ABS (C) and SVG_PATHSEG_CLOSEPATH (z).
SVGAnimatedNumber
pathLength
Corresponds to attribute pathLength on the given ‘path’ element.
SVGPathSegList
pathSegList
Provides access to the base (i.e., static) contents of the ‘d’ attribute in a form which matches one-for-one with SVG's syntax. Thus, if the ‘d’ attribute has an "absolute moveto (M)" and an "absolute arcto (A)" command, then pathSegList will have two entries: a SVG_PATHSEG_MOVETO_ABS and a SVG_PATHSEG_ARC_ABS.
SVGStringList
requiredExtensions
Corresponds to attribute ‘requiredExtensions’ on the given element.
SVGStringList
requiredFeatures
Corresponds to attribute ‘requiredFeatures’ on the given element.
CSSStyleDeclaration
style
Corresponds to attribute ‘style’ on the given element. If the user agent does not support styling with CSS, then this attribute must always have the value of null.
SVGStringList
systemLanguage
Corresponds to attribute ‘systemLanguage’ on the given element.
SVGAnimatedTransformList
transform
Corresponds to attribute ‘transform’ on the given element.
DOMString
xmllang
Corresponds to attribute ‘xml:lang’ on the given element. Exceptions on settingDOMException, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt to change the value of a read only attribute.
DOMString
xmlspace
Corresponds to attribute ‘xml:space’ on the given element. Exceptions on settingDOMException, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt to change the value of a read only attribute.
Operations
SVGPathSegArcAbs
createSVGPathSegArcAbs(float x, float y, float r1, float r2, float angle, boolean largeArcFlag, boolean sweepFlag)
Returns a stand-alone, parentless SVGPathSegArcAbs object. Parametersfloat x The absolute X coordinate for the end point of this path segment. float y The absolute Y coordinate for the end point of this path segment. float r1 The x-axis radius for the ellipse (i.e., r1).
SVGPathSegArcRel
createSVGPathSegArcRel(float x, float y, float r1, float r2, float angle, boolean largeArcFlag, boolean sweepFlag)
Returns a stand-alone, parentless SVGPathSegArcRel object. Parametersfloat x The relative X coordinate for the end point of this path segment. float y The relative Y coordinate for the end point of this path segment. float r1 The x-axis radius for the ellipse (i.e., r1).
SVGPathSegClosePath
createSVGPathSegClosePath()
Returns a stand-alone, parentless SVGPathSegClosePath object. Returns A stand-alone, parentless SVGPathSegClosePath object.
SVGPathSegCurvetoCubicAbs
createSVGPathSegCurvetoCubicAbs(float x, float y, float x1, float y1, float x2, float y2)
Returns a stand-alone, parentless SVGPathSegCurvetoCubicAbs object. Parametersfloat x The absolute X coordinate for the end point of this path segment. float y The absolute Y coordinate for the end point of this path segment. float x1 The absolute X coordinate for the first control point.
SVGPathSegCurvetoCubicRel
createSVGPathSegCurvetoCubicRel(float x, float y, float x1, float y1, float x2, float y2)
Returns a stand-alone, parentless SVGPathSegCurvetoCubicRel object. Parametersfloat x The relative X coordinate for the end point of this path segment. float y The relative Y coordinate for the end point of this path segment. float x1 The relative X coordinate for the first control point.
SVGPathSegCurvetoCubicSmoothAbs
createSVGPathSegCurvetoCubicSmoothAbs(float x, float y, float x2, float y2)
Returns a stand-alone, parentless SVGPathSegCurvetoCubicSmoothAbs object. Parametersfloat x The absolute X coordinate for the end point of this path segment. float y The absolute Y coordinate for the end point of this path segment. float x2 The absolute X coordinate for the second control point.
SVGPathSegCurvetoCubicSmoothRel
createSVGPathSegCurvetoCubicSmoothRel(float x, float y, float x2, float y2)
Returns a stand-alone, parentless SVGPathSegCurvetoCubicSmoothRel object. Parametersfloat x The relative X coordinate for the end point of this path segment. float y The relative Y coordinate for the end point of this path segment. float x2 The relative X coordinate for the second control point.
SVGPathSegCurvetoQuadraticAbs
createSVGPathSegCurvetoQuadraticAbs(float x, float y, float x1, float y1)
Returns a stand-alone, parentless SVGPathSegCurvetoQuadraticAbs object. Parametersfloat x The absolute X coordinate for the end point of this path segment. float y The absolute Y coordinate for the end point of this path segment. float x1 The absolute X coordinate for the first control point.
SVGPathSegCurvetoQuadraticRel
createSVGPathSegCurvetoQuadraticRel(float x, float y, float x1, float y1)
Returns a stand-alone, parentless SVGPathSegCurvetoQuadraticRel object. Parametersfloat x The relative X coordinate for the end point of this path segment. float y The relative Y coordinate for the end point of this path segment. float x1 The relative X coordinate for the first control point.
SVGPathSegCurvetoQuadraticSmoothAbs
createSVGPathSegCurvetoQuadraticSmoothAbs(float x, float y)
Returns a stand-alone, parentless SVGPathSegCurvetoQuadraticSmoothAbs object. Parametersfloat x The absolute X coordinate for the end point of this path segment. float y The absolute Y coordinate for the end point of this path segment. Returns A stand-alone, parentless SVGPathSegCurvetoQuadraticSmoothAbs object.
SVGPathSegCurvetoQuadraticSmoothRel
createSVGPathSegCurvetoQuadraticSmoothRel(float x, float y)
Returns a stand-alone, parentless SVGPathSegCurvetoQuadraticSmoothRel object. Parametersfloat x The relative X coordinate for the end point of this path segment. float y The relative Y coordinate for the end point of this path segment. Returns A stand-alone, parentless SVGPathSegCurvetoQuadraticSmoothRel object.
SVGPathSegLinetoAbs
createSVGPathSegLinetoAbs(float x, float y)
Returns a stand-alone, parentless SVGPathSegLinetoAbs object. Parametersfloat x The absolute X coordinate for the end point of this path segment. float y The absolute Y coordinate for the end point of this path segment. Returns A stand-alone, parentless SVGPathSegLinetoAbs object.
SVGPathSegLinetoHorizontalAbs
createSVGPathSegLinetoHorizontalAbs(float x)
Returns a stand-alone, parentless SVGPathSegLinetoHorizontalAbs object. Parametersfloat x The absolute X coordinate for the end point of this path segment. Returns A stand-alone, parentless SVGPathSegLinetoHorizontalAbs object.
SVGPathSegLinetoHorizontalRel
createSVGPathSegLinetoHorizontalRel(float x)
Returns a stand-alone, parentless SVGPathSegLinetoHorizontalRel object. Parametersfloat x The relative X coordinate for the end point of this path segment. Returns A stand-alone, parentless SVGPathSegLinetoHorizontalRel object.
SVGPathSegLinetoRel
createSVGPathSegLinetoRel(float x, float y)
Returns a stand-alone, parentless SVGPathSegLinetoRel object. Parametersfloat x The relative X coordinate for the end point of this path segment. float y The relative Y coordinate for the end point of this path segment. Returns A stand-alone, parentless SVGPathSegLinetoRel object.
SVGPathSegLinetoVerticalAbs
createSVGPathSegLinetoVerticalAbs(float y)
Returns a stand-alone, parentless SVGPathSegLinetoVerticalAbs object. Parametersfloat y The absolute Y coordinate for the end point of this path segment. Returns A stand-alone, parentless SVGPathSegLinetoVerticalAbs object.
SVGPathSegLinetoVerticalRel
createSVGPathSegLinetoVerticalRel(float y)
Returns a stand-alone, parentless SVGPathSegLinetoVerticalRel object. Parametersfloat y The relative Y coordinate for the end point of this path segment. Returns A stand-alone, parentless SVGPathSegLinetoVerticalRel object.
SVGPathSegMovetoAbs
createSVGPathSegMovetoAbs(float x, float y)
Returns a stand-alone, parentless SVGPathSegMovetoAbs object. Parametersfloat x The absolute X coordinate for the end point of this path segment. float y The absolute Y coordinate for the end point of this path segment. Returns A stand-alone, parentless SVGPathSegMovetoAbs object.
SVGPathSegMovetoRel
createSVGPathSegMovetoRel(float x, float y)
Returns a stand-alone, parentless SVGPathSegMovetoRel object. Parametersfloat x The relative X coordinate for the end point of this path segment. float y The relative Y coordinate for the end point of this path segment. Returns A stand-alone, parentless SVGPathSegMovetoRel object.
unsigned long
getPathSegAtLength(float distance)
Returns the index into pathSegList which is distance units along the path, utilizing the user agent's distance-along-a-path algorithm. Parametersfloat distance The distance along the path, relative to the start of the path, as a distance in the current user coordinate system.
SVGPoint
getPointAtLength(float distance)
Returns the (x,y) coordinate in user space which is distance units along the path, utilizing the user agent's distance-along-a-path algorithm. Parametersfloat distance The distance along the path, relative to the start of the path, as a distance in the current user coordinate system.
CSSValue
getPresentationAttribute(DOMString name)
Returns the base (i.e., static) value of a given presentation attribute as an object of type CSSValue. The returned object is live; changes to the objects represent immediate changes to the objects to which the CSSValue is attached. Note: The getPresentationAttribute method is deprecated, and may be dropped from future versions of the SVG specification.
float
getTotalLength()
Returns the user agent's computed value for the total length of the path using the user agent's distance-along-a-path algorithm, as a distance in the current user coordinate system. Returns The total length of the path.
boolean
hasExtension(DOMString extension)
Returns true if the user agent supports the given extension, specified by a URI. ParametersDOMString extension The name of the extension, expressed as a URI. Returns True or false, depending on whether the given extension is supported.